<%@ page import="java.util.HashMap,common.CommonUtil,java.util.*,common.*" contentType="text/html; charset=utf-8" %><%
UserSession userSession = (UserSession)session.getAttribute("user"); 

String login_id = null;
String user_id = null;

if(userSession!= null){
	login_id = userSession.getLogin_id();
	user_id = userSession.getUser_id();
}

HashMap listMap=(HashMap)request.getAttribute("list_map");

HashMap map  = null;
ArrayList list=null;

HashMap map1 = null;
ArrayList list1=null;

if (listMap!=null){
    list=(ArrayList)listMap.get("mainContent");
    list1=(ArrayList)listMap.get("mainContent1");
}

String member_test_code 		= "";
String member_id 		= "";
String test_state 		= "";
String reg_dt 	= "";
String login_id_map 		= "";
String login_name 	= "";
String email	= "";
String cell_no	= "";

String rater_id 	= "";
String rating_state 		= "";
String rating_start_time 	= "";
String rating_close_time	= "";
String rating_reg_dt	= "";

String rating_grade = "";
String part_total = "";
String part1 = "";
String part1_per = "";
String part2 = "";
String part2_per = "";
String part3 = "";
String part3_per = "";
String part4 = "";
String part4_per = "";
String part5 = "";
String part5_per = "";
String part6 = "";
String part6_per = "";
String grape_bar = "";

String v_part1_per = "";
String v_part2_per = "";
String v_part3_per = "";
String v_part4_per = "";
String v_part5_per = "";
String v_part6_per = "";
String v_level1_per = "";
String v_level2_per = "";
String v_level3_per = "";
String v_level4_per = "";
String v_level5_per = "";
String v_level6_per = "";
String v_level7_per = "";
String v_level8_per = "";
String v_level1_per_bar = "";
String v_level2_per_bar = "";
String v_level3_per_bar = "";
String v_level4_per_bar = "";
String v_level5_per_bar = "";
String v_level6_per_bar = "";
String v_level7_per_bar = "";
String v_level8_per_bar = "";

String rating_detail_grade = "";

if(list != null){
	if(list.size() > 0){
		
		login_id_map = CommonUtil.nvl(Crypto.DecodeBySType((String)((HashMap)list.get(0)).get("login_id")));
		
		member_test_code = CommonUtil.nvl((String)((HashMap)list.get(0)).get("member_test_code"));		
		member_id = CommonUtil.nvl((String)((HashMap)list.get(0)).get("member_id"));
		test_state = CommonUtil.nvl((String)((HashMap)list.get(0)).get("test_state"));
		reg_dt = CommonUtil.nvl((String)((HashMap)list.get(0)).get("reg_dt"));
		login_name = CommonUtil.nvl((String)((HashMap)list.get(0)).get("login_name"));
		
		
		email = CommonUtil.nvl((String)((HashMap)list.get(0)).get("email"));
		cell_no = CommonUtil.nvl((String)((HashMap)list.get(0)).get("cell_no"));
		rater_id = CommonUtil.nvl((String)((HashMap)list.get(0)).get("rater_id"));
		rating_state = CommonUtil.nvl((String)((HashMap)list.get(0)).get("rating_state"));
		rating_start_time = CommonUtil.nvl((String)((HashMap)list.get(0)).get("rating_start_time"));
		rating_close_time = CommonUtil.nvl((String)((HashMap)list.get(0)).get("rating_close_time"));
		rating_reg_dt = CommonUtil.nvl((String)((HashMap)list.get(0)).get("rating_reg_dt"));
		
		rating_grade = CommonUtil.nvl((String)((HashMap)list.get(0)).get("rating_grade"));
		part_total = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part_total"));
		
		part1 = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part1"));
		part1_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part1_per"));
		
		part2 = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part2"));
		part2_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part2_per"));
		
		part3 = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part3"));
		part3_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part3_per"));
		
		part4 = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part4"));
		part4_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part4_per"));
		
		part5 = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part5"));
		part5_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part5_per"));
		
		part6 = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part6"));
		part6_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("part6_per"));
		
		grape_bar = CommonUtil.nvl((String)((HashMap)list.get(0)).get("grape_bar"));
		
		
		
		v_part1_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_part1_per"));
		v_part2_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_part2_per"));
		v_part3_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_part3_per"));
		v_part4_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_part4_per"));
		v_part5_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_part5_per"));
		v_part6_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_part6_per"));
		
		v_level1_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level1_per"));
		v_level2_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level2_per"));
		v_level3_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level3_per"));
		v_level4_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level4_per"));
		v_level5_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level5_per"));
		v_level6_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level6_per"));
		v_level7_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level7_per"));
		v_level8_per = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level8_per"));
		
		v_level1_per_bar = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level1_per_bar"));
		v_level2_per_bar = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level2_per_bar"));
		v_level3_per_bar = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level3_per_bar"));
		v_level4_per_bar = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level4_per_bar"));
		v_level5_per_bar = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level5_per_bar"));
		v_level6_per_bar = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level6_per_bar"));
		v_level7_per_bar = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level7_per_bar"));
		v_level8_per_bar = CommonUtil.nvl((String)((HashMap)list.get(0)).get("v_level8_per_bar"));
		
		
	}
	
	rating_detail_grade ="Level "+rating_grade;
}


int total_num = 0;
String member_test_answer_id_1="";
String member_test_answer_id_2="";
String member_test_answer_id_3="";
String member_test_answer_id_4="";
String member_test_answer_id_5="";
String member_test_answer_id_6="";
String member_test_answer_id_7="";
String member_test_answer_id_8="";
String member_test_answer_id_9="";
String member_test_answer_id_10="";
String member_test_answer_id_11="";

String answer_cont_1="";
String answer_cont_2="";
String answer_cont_3="";
String answer_cont_4="";
String answer_cont_5="";
String answer_cont_6="";
String answer_cont_7="";
String answer_cont_8="";
String answer_cont_9="";
String answer_cont_10="";
String answer_cont_11="";

String file_path_1="";
String file_path_2="";
String file_path_3="";
String file_path_4="";
String file_path_5="";
String file_path_6="";
String file_path_7="";
String file_path_8="";
String file_path_9="";
String file_path_10="";
String file_path_11="";

if(list1 != null){
	if(list1.size() > 0){
		
		total_num = list1.size();
		for(int i=0 ; list1!=null && list1.size() > i ; i++){ 
			map1 = (HashMap)list1.get(i);
			
			if(i==0){
				member_test_answer_id_1 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_1 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_1 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==1){
				member_test_answer_id_2 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_2 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_2 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==2){
				member_test_answer_id_3 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_3 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_3 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==3){
				member_test_answer_id_4 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_4 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_4 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==4){
				member_test_answer_id_5 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_5 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_5 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==5){
				member_test_answer_id_6 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_6 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_6 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==6){
				member_test_answer_id_7 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_7 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_7 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==7){
				member_test_answer_id_8 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_8 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_8 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==8){
				member_test_answer_id_9 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_9 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_9 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==9){
				member_test_answer_id_10 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_10 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_10 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
			
			if(i==10){
				member_test_answer_id_11 = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
				answer_cont_11 = CommonUtil.nvl((String)map1.get("answer_cont"));
				file_path_11 = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
			}
		}
	}
}
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Result</title>
<link href="common/style.css" rel="stylesheet" type="text/css" />
<link href="common/result_ts.css" rel="stylesheet" type="text/css" /></head>
<script>
function Mplayer_Player_Base(){
	var m_w, m_h;
	var tag;
	m_w = 0;
	m_h = 0;
	tag = "<OBJECT ID='MediaPlayer' Name='MediaPlayer' classid='clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701' standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject ' bgcolor='DarkBlue' width='"+ m_w +"' Height='"+ m_h +"' VIEWASTEXT style='FILTER:gray()'>"
                + "<PARAM NAME='AutoStart' VALUE='1'>"
                + "<PARAM NAME='AutoSize' VALUE='1'>"
                + "<PARAM NAME='AnimationAtStart' VALUE='0'>"
                + "<PARAM NAME='DisplayMode' VALUE='3'>"
                + "<PARAM NAME='Enabled' VALUE='1'>"
                + "<PARAM NAME='ShowControls' VALUE='1'>"
                + "<PARAM NAME='ShowAudioControls' VALUE='1'>"
                + "<PARAM NAME='ShowDisplay' VALUE='0'>"
                + "<PARAM NAME='ShowGotoBar' VALUE='0'>"
                + "<PARAM NAME='ShowPositionControls' VALUE='1'>"
                + "<PARAM NAME='ShowStatusBar' VALUE='0'>"
                + "<PARAM NAME='Volume' VALUE='50'>"
                + "<PARAM NAME='ShowCaptioning' VALUE='0'>"
                + "<PARAM NAME='TransparentAtStart' value='1'>"				
				+ "</OBJECT>";

	  document.write(tag);	 
	  
}
function Mplayer_Player(f){
MediaPlayer.Filename = f;
MediaPlayer.play();
}

function Mplayer_Player_explane_stop(){
	MediaPlayer.stop();
}


function record_listen(record_file_url){
	//var test_url = "/speaking.pb?cmd=download2&file_id="+record_file_url+"&file_name="+record_file_url+"&file_folder=tstest";
	var test_url = "/uploads/tstest/"+record_file_url;
	Mplayer_Player(test_url);	
}

function explane_listen(explane_file_url){
	//var test_url = "/speaking.pb?cmd=download&file_id="+record_file_url+"&file_name="+record_file_url+"&file_folder=tstest";
	var test_url = "/uploads/tsexam/"+explane_file_url;
	Mplayer_Player(test_url);	
}

function explane_player(explane_file_url){
	var test_url = "/uploads/tsexam/"+explane_file_url;
	Mplayer_Player(test_url);	
}

function listen_result(re){
	var test_url =  "/uploads/tstest/"+re;
	Mplayer_Player(test_url);	
}

function record_stop(){
	Mplayer_Player_explane_stop();
}

function go_download(id,name,folder){
	var frm = document.downform;	
	frm.cmd.value='download';
	frm.file_id.value=id;
	frm.file_name.value=name;
	frm.file_folder.value=folder;
	frm.action = '/speaking.pb';
	frm.target= '_self';              
	frm.submit();
}
</script>
<SCRIPT FOR="MediaPlayer" EVENT="EndOfStream(mState)" LANGUAGE="JavaScript"> 
if (mState == 0)
{
	if(MediaPlayer.PlayCount==1)
	{
		alert("Play Stop");
	}
}
</SCRIPT>
<body>

<script>
function report_view(g){
	
	if(g == 'test'){
		document.getElementById("testReport").style.display = "block";
		document.getElementById("ratingReport").style.display = "none";
	}else if(g == 'rating'){
		document.getElementById("testReport").style.display = "none";
		document.getElementById("ratingReport").style.display = "block";
	}
}
</script> 

<div id="testReport">
  <div id="result_wrap">
    <div id="resultContainer">
      
        <div id="resultHeader">
          <ul class="topBtn">
            <li><a href="#" onclick="report_view('test')" class="btn1_on" >test report</a></li>
          <li><a href="#" onclick="report_view('rating')" class="btn2"  style="display:<%=(!rating_state.equals("2"))?"none":"block" %>">rating report</a></li>
          </ul>
          <span class="close"><a href="#" onclick="self.close()"><img src="img_ts/btn_test_close02.gif" alt="Close" /></a></span>
        </div>
        <p id="topEmpty"></p>
        <div id="resultBody">
          <div id="resultContents">
            <div class="reStudy">
              <div class="reView">
              <table align="center">
                <colgroup>
                  <col width="58px">
                  <col width="188px">
                  <col width="183px">
                  <col width="63px">
                  <col width="83px">
                  <col width="185px">
                </colgroup>
                <tr>
                  <th width="60" class="al">구분</th>
                  <th width="190" class="al">Task</th>
                  <th width="180" class="al">평가항목</th>
                  <th width="55" class="al">문제</th>
                  <th width="85" class="al">제한시간</th>
                  <th class="al">녹음듣기</th>
                </tr>
                <tr>
                  <td rowspan="4" class="al">Part 1<br /></td>
                  <td rowspan="4" class="al">Read a text aloud</td>
                  <td rowspan="4" class="al">Pronunciation<br />
                    intonation and stress</td>
                  <td align="center" class="al">Q1</td>
                  <td align="center" class="al">00:45</td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_1%>/<%=member_test_answer_id_1%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_1 %></td>
                </tr>
                <tr>
                  <td align="center" class="al">Q2</td>
                  <td align="center" class="al">00:45</td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_2%>/<%=member_test_answer_id_2%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_2 %></td>
                </tr>
                <tr>
                  <td rowspan="2" class="al">Part 2</td>
                  <td rowspan="2" class="al">Describe a picture</td>
                  <td rowspan="2" class="al">all of the above, plus<br />
                    grammer vocabulary<br />
                    cohesion</td>
                  <td align="center" class="al">Q3</td>
                  <td align="center" class="al">00:45</td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_3%>/<%=member_test_answer_id_3%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_3 %></td>
                </tr>
                <tr>
                  <td rowspan="6" class="al">Part 3</td>
                  <td rowspan="6" class="al">Respond a questions</td>
                  <td rowspan="6" class="al">all of the above, plus<br />
                    relevance of content<br />
                    completeness of content</td>
                  <td align="center" class="al">Q4</td>
                  <td align="center" class="al">00:15</td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_4%>/<%=member_test_answer_id_4%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_4 %></td>
                </tr>
                <tr>
                  <td align="center" class="al">Q5</td>
                  <td align="center" class="al">00:15</td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_5%>/<%=member_test_answer_id_5%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_5 %></td>
                </tr>
                <tr>
                  <td align="center" class="al">Q6</td>
                  <td align="center" class="al">00:30                </td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_6%>/<%=member_test_answer_id_6%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_6 %></td>
                </tr>
                <tr>
                  <td rowspan="6" class="al">Part 4</td>
                  <td rowspan="6" class="al">Respond a questions using<br />
                    information provided</td>
                  <td rowspan="6" class="al">all of the above</td>
                  <td align="center" class="al">Q7</td>
                  <td align="center" class="al">00:15</td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_7%>/<%=member_test_answer_id_7%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_7 %></td>
                </tr>
                <tr>
                  <td align="center" class="al">Q8</td>
                  <td align="center" class="al">00:15</td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_8%>/<%=member_test_answer_id_8%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_8 %></td>
                </tr>
                <tr>
                  <td align="center" class="al">Q9</td>
                  <td align="center" class="al">00:30 </td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_9%>/<%=member_test_answer_id_9%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_9 %></td>
                </tr>
                <tr>
                  <td rowspan="2" class="al">Part 5</td>
                  <td rowspan="2" class="al">Propose a solution</td>
                  <td rowspan="2" class="al">all of the above</td>
                  <td align="center" class="al">Q10</td>
                  <td align="center" class="al">01:00</td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_10%>/<%=member_test_answer_id_10%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_10 %></td>
                </tr>
                <tr>
                  <td rowspan="2" class="al">Part 6</td>
                  <td rowspan="2" class="al">Express an opinion</td>
                  <td rowspan="2" class="al">all of the above</td>
                  <td align="center" class="al">Q11</td>
                  <td align="center" class="al">01:00</td>
                  <td align="center" class="al"><a href="#" onclick="listen_result('<%=file_path_11%>/<%=member_test_answer_id_11%>')"><img src="img_ts/btn_listen2.gif" alt="녹음듣기" /></a> <a href="#" onclick="Mplayer_Player_explane_stop()"><img src="img_ts/btn_listen_end.gif" width="65" height="16" alt="녹음종료" /></a></td>
                </tr>
                <tr>
                  <td align="center" class="anSwer"><b>모범답안</b></td>
                  <td width="268" colspan="2"  class="anSwer"><%=answer_cont_11 %></td>
                </tr>
              </table>
            </div>
            </div>
          </div>
        </div>
      
        <div id="resultFooter">
          <p><img src="img_ts/bg_result_footer.gif" /></p>
        </div>      
      
    </div>
  </div>	
</div>

<div id="ratingReport" style="display:none">
  <div id="result_wrap">
    <div id="resultContainer">
      
      <div id="resultHeader">
        <ul class="topBtn">
          <li><a href="#" class="btn1" onclick="report_view('test')">test report</a></li>
          <li><a href="#" class="btn2_on" onclick="report_view('rating')">rating report</a></li>
        </ul>
        <span class="close"><a href="#" onclick="self.close()"><img src="img_ts/btn_test_close02.gif" alt="Close" /></a></span>
      </div>
      <p id="topEmpty"></p>
      <div id="resultBody">
        <div id="resultContents">
          <div class="page1">
            <div class="testName">
              <dl>
                <dt class="testName1">Tester Report :</dt>
                <dd class="testName2"><%=login_name %></dd>
              </dl>
              <table>
                <tr>
                  <th width="180">구분</th>
                  <!-- 
                  <th width="30">회차</th>
                   -->
                  <th width="80">신청일시</th>
                  <th width="45">Score</th>
                  <th width="130">Proficiency
                    Level</th>
                  <!-- th>답변 듣기 및 해설강의</th -->
                </tr>
                <tr>
                  <td>Toeic Speaking 모의고사</td>
                  <!-- 
                  <td>1</td>
                   -->
                  <td><%=reg_dt %></td>
                  <td><b class="orange12"><%=part_total %></b></td>
                  <td><b class="orange12"><%=rating_detail_grade %></b></td>
                  <!-- td><a href="#"><img src="img_ts/btn_listen.gif" alt="답변듣기 및 해설강의" /></a></td -->
                </tr>
              </table>
            </div>
            
            <div class="rComment">
              <dl>
                <dt class="rComment_title">응시자 분포도</dt>
                <dd>
                  <div class="rGraph1">
                  <!-- 높이 150 1.5 * 분포-->
                    <table>
                      <tr>
                        <td width="50" align="center" valign="bottom"><%if(rating_grade.equals("1")){ %><img src="img_ts/bar_green_small.jpg" alt="녹색바" width="12" height="<%=v_level1_per_bar %>" /><%}%><img src="img_ts/bar_blue_small.jpg" alt="녹색바" width="12" height="<%=v_level1_per_bar %>" /></td>
                        <td width="50" align="center" valign="bottom"><%if(rating_grade.equals("2")){ %><img src="img_ts/bar_green_small.jpg" alt="녹색바" width="12" height="<%=v_level2_per_bar %>" /><%}%><img src="img_ts/bar_blue_small.jpg" alt="녹색바" width="12" height="<%=v_level2_per_bar %>" /></td>
                        <td width="50" align="center" valign="bottom"><%if(rating_grade.equals("3")){ %><img src="img_ts/bar_green_small.jpg" alt="녹색바" width="12" height="<%=v_level3_per_bar %>" /><%}%><img src="img_ts/bar_blue_small.jpg" alt="녹색바" width="12" height="<%=v_level3_per_bar %>" /></td>
                        <td width="50" align="center" valign="bottom"><%if(rating_grade.equals("4")){ %><img src="img_ts/bar_green_small.jpg" alt="녹색바" width="12" height="<%=v_level4_per_bar %>" /><%}%><img src="img_ts/bar_blue_small.jpg" alt="녹색바" width="12" height="<%=v_level4_per_bar %>" /></td>
                        <td width="50" align="center" valign="bottom"><%if(rating_grade.equals("5")){ %><img src="img_ts/bar_green_small.jpg" alt="녹색바" width="12" height="<%=v_level5_per_bar %>" /><%}%><img src="img_ts/bar_blue_small.jpg" alt="녹색바" width="12" height="<%=v_level5_per_bar %>" /></td>
                        <td width="50" align="center" valign="bottom"><%if(rating_grade.equals("6")){ %><img src="img_ts/bar_green_small.jpg" alt="녹색바" width="12" height="<%=v_level6_per_bar %>" /><%}%><img src="img_ts/bar_blue_small.jpg" alt="녹색바" width="12" height="<%=v_level6_per_bar %>" /></td>
                        <td width="50" align="center" valign="bottom"><%if(rating_grade.equals("7")){ %><img src="img_ts/bar_green_small.jpg" alt="녹색바" width="12" height="<%=v_level7_per_bar %>" /><%}%><img src="img_ts/bar_blue_small.jpg" alt="녹색바" width="12" height="<%=v_level7_per_bar %>" /></td>
                        <td align="center" valign="bottom"><%if(rating_grade.equals("8")){ %><img src="img_ts/bar_green_small.jpg" alt="녹색바" width="12" height="<%=v_level8_per_bar %>" /><%}%><img src="img_ts/bar_blue_small.jpg" alt="녹색바" width="12" height="<%=v_level8_per_bar %>" /></td>
                      </tr>
                    </table>              
                  </div>
                  <div class="rGraph2">
                    <table>
                      <tr>
                        <th width="123">점수</th>
                        <th>분포</th>
                      </tr>
                      <tr>
                        <td>Level 8</td>
                        <td <%if(rating_grade.equals("8")){ %>style="font-size:12px;font-weight:bold;color:#ff4d00;"<%} %>><%=v_level8_per%>%</td>
                      </tr>
                      <tr>
                        <td>Level 7</td>
                        <td <%if(rating_grade.equals("7")){ %>style="font-size:12px;font-weight:bold;color:#ff4d00;"<%} %>><%=v_level7_per%>%</td>
                      </tr>
                      <tr>
                        <td>Level 6</td>
                        <td <%if(rating_grade.equals("6")){ %>style="font-size:12px;font-weight:bold;color:#ff4d00;"<%} %>><%=v_level6_per%>%</td>
                      </tr>
                      <tr>
                        <td>Level 5</td>
                        <td <%if(rating_grade.equals("5")){ %>style="font-size:12px;font-weight:bold;color:#ff4d00;"<%} %>><%=v_level5_per%>%</td>
                      </tr>
                      <tr>
                        <td>Level 4</td>
                        <td <%if(rating_grade.equals("4")){ %>style="font-size:12px;font-weight:bold;color:#ff4d00;"<%} %>><%=v_level4_per%>%</td>
                      </tr>
                      <tr>
                        <td>Level 3</td>
                        <td <%if(rating_grade.equals("3")){ %>style="font-size:12px;font-weight:bold;color:#ff4d00;"<%} %>><%=v_level3_per%>%</td>
                      </tr>
                      <tr>
                        <td>Level 2</td>
                        <td <%if(rating_grade.equals("2")){ %>style="font-size:12px;font-weight:bold;color:#ff4d00;"<%} %>><%=v_level2_per%>%</td>
                      </tr>
                      <tr>
                        <td>Level 1</td>
                        <td <%if(rating_grade.equals("1")){ %>style="font-size:12px;font-weight:bold;color:#ff4d00;"<%} %>><%=v_level1_per%>%</td>
                      </tr>
                    </table>
                  </div>
                </dd>
              </dl>
            </div>
            
            <div class="rComment2">
              <dl>
                <dt class="rComment_title">영역별 진단 및 분석</dt>
                <dd>
                  <div class="rGraph1">
                  <!-- 높이 160 1.6*점수 / 2-->
                    <table>
                      <tr>
                        <td width="50" align="center" valign="bottom"><img src="img_ts/bar_orange_small.jpg" alt="오렌지바" width="12" height="<%=grape_bar %>" /></td>
                      </tr>
                    </table>              
                  </div>
                  <div class="rGraph2">
                    <table>
                      <tr>
                        <th width="200">문제유형</th>
                        <th width="175">내 성취율 (%)</th>
                        <th>응시자 평균 성취율(%)</th>
                      </tr>
                      <tr>
                        <td><b>Read a text aloud</b></td>
                        <td><%=part1_per %></td>
                        <td><%=v_part1_per%></td>
                      </tr>
                      <tr>
                        <td><b>Describe a picture</b></td>
                        <td><%=part2_per %></td>
                        <td><%=v_part2_per%></td>
                      </tr>
                      <tr>
                        <td><b>Respond a questions</b></td>
                        <td><%=part3_per %></td>
                        <td><%=v_part3_per%></td>
                      </tr>
                      <tr>
                        <td><b>Respond to question using <br />
                        information provided</b></td>
                        <td><%=part4_per %></td>
                        <td><%=v_part4_per%></td>
                      </tr>
                      <tr>
                        <td><b>Propose a solution</b></td>
                        <td><%=part5_per %></td>
                        <td><%=v_part5_per%></td>
                      </tr>
                      <tr>
                        <td><b>Express an opinion</b></td>
                        <td><%=part6_per %></td>
                        <td><%=v_part6_per%></td>
                      </tr>
                    </table>
                  </div>
                </dd>
              
              </dl>
            </div>
            
            <div class="rComment3">
              <dl>
                <dt class="rComment_title">영역별 진단 및 분석</dt>
                <dd>
                  <div class="rGraph2">
                    <table>
                      <tr>
                        <th width="150">Part 1</th>
                        <td><%=part1 %></td>
                      </tr>
                      <tr>
                        <th>Part 2<b></b></th>
                        <td>
						<%=part2 %>
						</td>
                      </tr>
                      <tr>
                        <th>Part 3</th>
                        <td>
						<%=part3 %>
						</td>
                      </tr>
                      <tr>
                        <th>Part 4</th>
                        <td>
						<%=part4 %>
						</td>
					  </tr>
                      <tr>
                        <th>Part 5</th>
                        <td>
						<%=part5 %>
						</td>
                      </tr>
                      <tr>
                        <th>Part 6</th>
                        <td>
						<%=part6 %>
						</td>
					  </tr>
                    </table>
                  </div>
                </dd>
              
              </dl>
            </div>
            
            
            
          </div>
        </div>
      </div>
      
      <div id="resultFooter">
        <p><img src="img_ts/bg_result_footer.gif" /></p>
      </div>
      
    </div>
  </div>
 
</div>
  
<script>
Mplayer_Player_Base();
</script>  


<!-- 
<table class="setupTb">
			<tr>
                <th>답안듣기</th>
                <td>
                <%
                String exam_num="";
                String member_test_answer_id="";
                String member_test_answer_nm="";
                String member_test_record_file_path="";
                String cont="";
                String explane_id="";
                String explane_nm="";
                String picture_id="";
                String picture_nm="";
                for(int j=0 ; list1!=null && list1.size() > j ; j++){ 
        			map1 = (HashMap)list1.get(j);
        			exam_num = CommonUtil.nvl((String)map1.get("exam_num"));
        			member_test_answer_id = CommonUtil.nvl((String)map1.get("member_test_answer_id"));
        			member_test_answer_nm = CommonUtil.nvl((String)map1.get("member_test_answer_nm"));
        			member_test_record_file_path = CommonUtil.nvl((String)map1.get("member_test_record_file_path"));
        			cont = CommonUtil.nvl((String)map1.get("cont"));
        			
        			explane_id = CommonUtil.nvl((String)map1.get("explane_id"));
        			explane_nm = CommonUtil.nvl((String)map1.get("explane_nm"));
        			picture_id = CommonUtil.nvl((String)map1.get("picture_id"));
        			picture_nm = CommonUtil.nvl((String)map1.get("picture_nm"));
                %>
                
                Q<%=exam_num %> : 
                <a href="#q<%=exam_num %>" onclick="record_listen('<%=member_test_record_file_path%>/<%=member_test_answer_id%>')" name="q<%=exam_num %>">
                <img src="img_ts/btn_listen2.gif" alt="재생" align="middle"/></a> 
                <a href="#q<%=exam_num %>" onclick="record_stop()" >
                <img src="img_ts/btn_listen_end.gif" alt="정지"  align="middle"/></a>
                <br>
                <%if(!explane_id.equals("")){ %>
	                                 음성 : <a href="#q<%=exam_num %>" onclick="explane_listen('<%=explane_id%>')" ><img src="img_ts/btn_listen.gif" alt="listen" border="0" /></a>
	            <%} %>
	            <%if(!cont.equals("")){ %>
	            <br> 지문 : <%=cont %>
	            <%} %>
                <br />
                <br />
               <%} %>
               </td>
            </tr>
</table>
 -->
</body>
</html>


